// vue 插件维护 echarts

/**
 * 使用 echarts 绘制图表：
 * 1. 准备一个 div 盒子, 显示图表 -> 注意: 一定要设置宽高
 * 2. 导入 echarts 绘制图表 ->
 *        1. echarts.init(传入显示图表盒子的dom对象) -> 得到图表实例
 *        2. 图表实例.setOption(绘制图表的配置项 options) -> 绘制什么图表查文档, 传入什么图表配置
 */
// 导入所有依赖
// import * as echarts from 'echarts'
// 按需引入 -> 只导入绘制雷达图需要的依赖
import * as echarts from 'echarts/core'
import { TooltipComponent, LegendComponent } from 'echarts/components'
import { RadarChart } from 'echarts/charts'
import { CanvasRenderer } from 'echarts/renderers'

echarts.use([TooltipComponent, LegendComponent, RadarChart, CanvasRenderer])

export default {
  install(Vue) {
    // 挂载 echarts -> 全局可复用
    Vue.prototype.echarts = echarts
  }
}
